<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

<ui:composition template="/WEB-INF/templates/templateMenu.xhtml">

	<ui:define name="body">
		<a4j:form>
			<rich:toolBar>
				<h:outputText styleClass="texto_negrito" value="Cadastro e Manutenção de Transações - Edição" />
				<rich:toolBarGroup location="right">
					<a4j:commandLink action="#{transacaoBean.voltar}" immediate="true">
						<h:graphicImage style="border: none;" url="/imagens/arrow_undo.png" />
						<h:outputText value="Voltar" />
					</a4j:commandLink>
					<a4j:commandLink action="#{transacaoBean.atualizar}"
						rendered="#{empty rendered_btgravar ? true : rendered_btgravar}">
						<h:graphicImage style="border: none;" url="/imagens/disk.png" />
						<h:outputText value="Gravar" />
					</a4j:commandLink>
				</rich:toolBarGroup>
			</rich:toolBar>
			<h:panelGrid columns="3" id="panelEdtTransacao">
				
				<h:outputLabel value="Categoria" for="selectCategorias" />
				<h:selectOneMenu label="Categoria"
					value="#{transacaoBean.transacaoSelecionada.itemCategoria.categoria.id}"
					id="selectCategorias" required="true">
					<f:selectItem itemLabel="-- Selecione uma categoria --" />
					<f:selectItems value="#{transacaoBean.listaCategorias}" />
					<a4j:support action="#{transacaoBean.setListaItensCategoria}" ajaxSingle="true" event="onchange" reRender="selectItensCategorias"/>
				</h:selectOneMenu>
				<rich:message for="selectCategorias" />
				
				
				<h:outputLabel value="Ítens Categoria" for="selectItensCategorias" />	
				<a4j:region>
					<h:selectOneMenu label="Ítens Categoria" value="#{transacaoBean.transacaoSelecionada.itemCategoria.id}"
							id="selectItensCategorias" required="true">
							<f:selectItem itemLabel="-- Selecione um ítem de categoria --" />
							<f:selectItems value="#{transacaoBean.listaItensCategoria}" />					
					</h:selectOneMenu>			
				</a4j:region>	
				<rich:message for="selectItensCategorias" />
				
				<h:outputLabel value="Título"/>
				<h:inputText value="#{transacaoBean.transacaoSelecionada.titulo}" required="true" id="inpTitulo" />
				<rich:message for="inpTitulo"/>
				
				<h:outputLabel value="Valor" />
				<h:inputText value="#{transacaoBean.transacaoSelecionada.valor}" required="true" id="inpValor">
					<f:convertNumber currencySymbol="R$" locale="pt_BR" type="currency"/>
				</h:inputText> 
				<rich:message for="inpValor" />
				
				<h:outputLabel value="Data" />
				<rich:calendar id="inpData" value="#{transacaoBean.transacaoSelecionada.data}" datePattern="dd/MM/yyy" locale="pt_BR" required="true"/>
				<rich:message for="inpData"/>
				
				<h:outputLabel value="Descrição" />
				<h:inputText value="#{transacaoBean.transacaoSelecionada.descricao}" required="true" id="inpDescricao" />
				<rich:message for="inpDescricao"/>
				
				<h:outputLabel value="Tipo" />
				<h:selectOneMenu value="#{transacaoBean.transacaoSelecionada.tipo}" required="true" id="inpTipo"> 
					<f:selectItem itemLabel="-- Selecione o tipo --"/>
					<f:selectItem itemLabel="Entrada" itemValue="entrada"/>
					<f:selectItem itemLabel="Saída" itemValue="despesa"/>
				</h:selectOneMenu>
				<rich:message for="inpTipo"/>			
			</h:panelGrid>
			</a4j:form>
			</ui:define>

	</ui:composition>

</html>